import React from 'react';
import Sidebar from './Sidebar';
import Header from './Header';
import './document.css';

const Favorites: React.FC = () => {
  return (
    <div className='document-container'>
      <Sidebar activeItem='favorites' />
      <div className='main-content'>
        <Header />
        <div className='content-area'>
          <div className='content-header'>
            <h1>收藏文档</h1>
            <p>查看您收藏的文档</p>
          </div>
          <div className='content-body'>
            <div className='welcome-card'>
              <h2>收藏列表</h2>
              <p>您收藏的文档将显示在这里</p>
              <div className='feature-grid'>
                <div className='feature-item'>
                  <h3>📖 学习笔记</h3>
                  <p>收藏于 2024-01-15</p>
                </div>
                <div className='feature-item'>
                  <h3>📋 重要会议记录</h3>
                  <p>收藏于 2024-01-10</p>
                </div>
                <div className='feature-item'>
                  <h3>📊 季度报告模板</h3>
                  <p>收藏于 2024-01-05</p>
                </div>
                <div className='feature-item'>
                  <h3>📝 项目规范文档</h3>
                  <p>收藏于 2023-12-28</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Favorites;
